@charset "utf-8";
body {
    margin: 0;
}

#header {
}
.box  {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}








#header .logo {
    background-color: #FF3FAA;
    float: left;
    width: 420px;
    height: 100px;
}
#header .top {
    background-color: #0BFF3D;
    float: left;
    width: 760px;
    margin-left: 20px;
    height: 50px;
}
#main .box {
    margin-left: auto;
    margin-right: auto;
}
#header .navbar {
    background-color: #3438FF;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    height: 40px;
    width: 760px;
}
#main .slideimg.mt-10 {
}
#main .img_list {
    width: 28%;
    height: 250px;
    background-color: #CE1AFF;
    float: left;
}
#main .news_list {
    width: 40%;
    height: 250px;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    background-color: #00FF44;
}
#main .slideimg2 {
    width: 30%;
    height: 250px;
    background-color: #FF7600;
    float: left;
}
#main .product {
    width: 69%;
    margin-right: 1%;
    height: 250px;
    margin-top: 1%;
    background-color: #000DFF;
    float: left;
}



#main .service {
    width: 30%;
    height: 250px;
    float: left;
    background-color: #0084FF;
    margin-top: 1%;
    margin-bottom: 1%;
}

#main {
}

.slideimg {
    background-color: #F8FF00;
    width: 100%;
    height: 400px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

#footer {

}
#footer .box {
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}



#footer .flink {
    width: 100%;
    background-color: #FB4E00;
    float: left;
    height: 100px;
}


#footer .logo {
    float: left;
    background-color: #FF0004;
    width: 400px;
    height: 100px;
    margin-left: 1%;
    margin-top: 10px;
}

.copyrigth {
    width: 770px;
    height: 100px;
    float: left;
    background-color: #00FFBB;
    margin-left: 1%;
    margin-top: 10px;
}
